import React from 'react'
import './index.css'
import Scroll from '../Scroll'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import Ling from '../Ling'
import Tab from '../Tab'

const Index:React.FC = () => {

  return (
    <div>
      <div className="shang">
        <div className="zuo">
            <img src="https://img1.baidu.com/it/u=2860346068,298188511&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500" alt="" />
        </div>
        <div className="you">
          <div className="s"><img src="https://img0.baidu.com/it/u=3250349591,2468149123&fm=253&fmt=auto&app=138&f=JPEG?w=1063&h=500" alt="" /></div>
          <div className="x"><img src="https://mvideopic.bdstatic.com/mvideo/0d1c5c3d28e3e1dcc092bb249a2cfc86?for=bg" alt="" /></div>
        </div>
      </div>

      <div className="zhong">
        <h2>AI创意工具</h2>
        <Scroll/>
      </div>
      <br />

      <div className="she">    
        <h2>AI设计</h2>  
        <Tab />
      </div>

      <div className="jing">
        <h2>AI灵感精选</h2>
        <Ling/>
      </div>
    </div>
  )
}

export default Index

